.row {
    flex-direction: row;
}

.column {
    flex-direction: column;
}

.flex {
    display: flex;
}

.wrap {
    flex-wrap: wrap;
}

.no-wrap {
    flex-wrap: nowrap;
}

.reverse-wrap {
    flex-wrap: wrap-reverse;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center,
.flex-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.justify-evenly {
    justify-content: space-evenly;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.items-center,
.flex-center {
    align-items: center;
}

.items-baseline {
    align-items: baseline;
}

.items-stretch {
    align-items: stretch;
}

.content-start {
    align-content: flex-start;
}

.content-end {
    align-content: flex-end;
}

.content-center {
    align-content: center;
}

.content-stretch {
    align-content: stretch;
}

.content-between {
    align-content: space-between;
}

.content-around {
    align-content: space-around;
}

.self-start {
    align-self: flex-start;
}

.self-end {
    align-self: flex-end;
}

.self-center {
    align-self: center;
}

.self-baseline {
    align-self: baseline;
}

.self-stretch {
    align-self: stretch;
}


.flex-j-s {
    .flex;
    .items-center;
    .justify-start;
}

.flex-j-e {
    .flex;
    .items-center;
    .justify-end;
}

.flex-c {
    .flex;
    .items-center;
    .justify-center;
}


.row-start {
    .row;
    .flex;
    .items-center;
    .justify-start;
}

.row-between {
    .row;
    .flex;
    .items-center;
    .justify-between;
}

.row-center {
    .row;
    .flex;
    .items-center;
    .justify-center;
}

.row-end {
    .row;
    .flex;
    .items-center;
    .justify-end;
}

.column-start {
    .column;
    .flex;
    .items-center;
    .justify-start;
}

.column-between {
    .column;
    .flex;
    .items-center;
    .justify-between;
}

.column-center {
    .column;
    .flex;
    .items-center;
    .justify-center;
}


.column-end {
    .column;
    .flex;
    .items-center;
    .justify-end;
}